.topNav {
   width: 100%;
   height: 45px;
   line-height: 45px;
   background-color: #333;
   .wrapper {
      display: flex;
      flex-direction: row-reverse;
      ul {
         display: flex;
         li {
           a {
              color: #dcdcdc;
              font-size: 14px;
           }
         }
         .line {
            width: 2px;
            height: 15px;
            background-color: #666;
            margin-top: 15px;
            margin-left: 10px;
            margin-right: 10px;
         }
      }
   }
}
.userregist {
   background-color: #f5f5f5;
   padding: 30px 0;
   .wrapper {
      background-color: #fff;
      padding-bottom: 30px;
      .title {
          height: 80px;
          line-height: 80px;
          padding-left: 30px;
          h1 {
             font-size: 30px;
             color: #999;
          }
          user-select: none;
      }
      form {
        width: 310px;
        display: block;
        margin: 0 auto;
        .public{
           width: 100%;
           height: 50px;
           border: 1px solid #e4e4e4;
           margin: 30px 0;
           input {
              width: 100%;
              height: 100%;
              padding-left: 10px;
              box-sizing: border-box;
           }
        }

        .code {
            position: relative;
            a {
               position: absolute;
               right: -15px;
               top: 15px;
               color: #27BA9B;
               width: 120px;
               font-size: 14px;
            }
        }

        .aggred{
           font-size: 14px;
           span {
              color: #27BA9B;
           }
        }

        .btn {
           margin: 10px 0;
           input {
              width: 310px;
              height: 50px;
              background-color:#27BA9B;
              border-radius: 5px;
              color: #fff;
              cursor: pointer;
           }
        }
      }
      
   }
}